/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./index.html",
        "./src/**/*.{js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {
            colors: {
                primary: '#1677ff',
                success: '#52c41a',
                warning: '#faad14',
                error: '#ff4d4f',
            },
            typography: {
                DEFAULT: {
                    css: {
                        maxWidth: 'none',
                        color: 'inherit',
                        a: {
                            color: '#3182ce',
                            textDecoration: 'none',
                            '&:hover': {
                                textDecoration: 'underline',
                            },
                        },
                        'h1,h2,h3,h4,h5,h6': {
                            color: 'inherit',
                            fontWeight: '600',
                        },
                        ul: {
                            paddingLeft: '1.2em',
                            listStyleType: 'disc',
                        },
                        ol: {
                            paddingLeft: '1.2em',
                        },
                        'ul li, ol li': {
                            marginTop: '0.25em',
                            marginBottom: '0.25em',
                            paddingLeft: '0.3em',
                        },
                        'li > p': {
                            marginTop: '0',
                            marginBottom: '0',
                        },
                        table: {
                            width: '100%',
                            borderCollapse: 'collapse',
                            tableLayout: 'fixed',
                            display: 'table',
                            overflowX: 'auto',
                            margin: '1.5em 0',
                        },
                        'thead, tbody': {
                            width: '100%',
                        },
                        'tr, td, th': {
                            borderWidth: '1px',
                            borderColor: '#e5e7eb',
                            padding: '0.5em 0.75em',
                            textAlign: 'left',
                        },
                        th: {
                            backgroundColor: '#f9fafb',
                            fontWeight: '600',
                        },
                        'tbody tr': {
                            '&:nth-child(even)': {
                                backgroundColor: '#f9fafb',
                            },
                        },
                        code: {
                            color: '#1a202c',
                            backgroundColor: '#edf2f7',
                            borderRadius: '0.25rem',
                            padding: '0.2em 0.4em',
                        },
                        'code::before': {
                            content: 'none',
                        },
                        'code::after': {
                            content: 'none',
                        },
                        pre: {
                            backgroundColor: '#2d3748',
                            color: '#e2e8f0',
                            overflow: 'auto',
                            padding: '1rem',
                        },
                        'pre code': {
                            backgroundColor: 'transparent',
                            padding: '0',
                        },
                    },
                },
            },
        },
    },
    plugins: [
        require('@tailwindcss/typography'),
    ],
    corePlugins: {
        preflight: false,
    },
} 